<template>
	<u-sticky>
		<view class="handUser">
			<u-avatar size="96rpx" src="https://cdn.uviewui.com/uview/album/1.jpg"></u-avatar>
			<view style="margin-left: 24rpx;flex: 1;">
				<view>
					<text style="font-size: 32rpx;">王晓燕</text>
					<text>丨80233344</text>
				</view>
		
				<view>朗姿事业部</view>
			</view>
			
			<view class="handUserRight">
				<image style="width: 198rpx;" mode="widthFix" src="/static/lancy.png"></image>
				<view class="time">{{currTime}}</view>
			</view>
		</view>
	</u-sticky>
</template>

<script>
	export default{
		computed:{
			currTime(){
				return this.$moment().format('YY/MM/DD')
			}
		}
	}
</script>

<style lang="scss" scoped>
	.handUser{
		background: #1777cc;
		display: flex;
		align-items: center;
		padding: 24rpx 32rpx;
		color: #ffffff;
		font-size: 28rpx;
		
		.handUserRight{
			display: flex;
			align-items: center;
			flex-direction: column;
			
			.time{
				font-size: 28rpx;
				font-weight: 400;
				color: #FFFFFF;
				line-height: 40rpx;
				margin-top: 4rpx;
			}
		}
	}
</style>
